﻿@charset "utf-8";

#pagePortfolio{	
	width: 747px;
	height: 423px;
	position: absolute;
	top: 55px;
	left: 60px;
	z-index: 19999;
	overflow:hidden;	
}

.arrowBtn{ width:75px; height:53px; position:absolute; top:200px; cursor:pointer; display:none; }

.arrowBtn img{ position:absolute; }
#nextBtn{ right:150px; }
#prevBtn{ left:150px; }

ul#portfolioList{
	width: 182px;
	height: 115px;
	background-image: url(../imgs/portfolio/portfolioFrame.png);
	background-repeat: no-repeat;
	position:absolute;
	top:164px;
	left:288px;
	display:none;
	opacity:0;
	overflow:hidden;
	cursor:pointer;
}

ul#portfolioList li{ position:absolute; width:110px; height:80px; top:12px; left:-110px; }

/*作品集圖開啟*/
#worksPop{
	width: 683px;
	height: 444px;
	position: fixed;
	background-image: url(../imgs/portfolio/workImg_d.png);
	background-repeat: no-repeat;
	z-index:89999;
	display:none;
}

#workPopClose{ position: absolute; right: -18px; top: 18px; }

#workPopClose a{
	width: 42px;
	height: 69px;
	background-image: url(../imgs/portfolio/popClose_btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
}

#workPopClose a:hover{ background-position: -42px 0px; }

.popArrowBtn{
	width:75px;
	height:53px;
	position:absolute;
	top:180px;
	cursor:pointer;
	display:block;
	z-index:99999;
}

.popArrowBtn img{ position:absolute; }

#popNextBtn{ right:-85px; }
#popPrevBtn{ left:-85px; }

ul#worksPopImgMain{
	width:637px;
	height:406px;
	position:absolute;
	top:18px;
	left:22px;
	background-color:#000;
	overflow:hidden;
	cursor:pointer;
}

ul#worksPopImgMain li{ position:absolute; width:637px; height:406px; left:-637px; }

